<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
      <body>
          <h:form>
              <a4j:include viewId="toolBar.xhtml"/>
              
              <rich:tree switchType="client">
                 <rich:treeNodesAdaptor nodes="Regions">
                     <rich:treeNode>
                     Region 1
                     </rich:treeNode>
                     <rich:treeNodesAdaptor nodes="Cities">
                         <rich:treeNode>
                         City 1
                         </rich:treeNode>
                 </rich:treeNodesAdaptor>
                 </rich:treeNodesAdaptor>
                 
                 
              </rich:tree>
              
              <rich:modalPanel id="regcity_add_panel" autosized="true" resizeable="false" width="300">
                  <f:facet name="header">
                   Add Region/City
                  </f:facet>
                  <f:facet name="controls">
                      <h:graphicImage value="/images/close.gif" onclick="Richfaces.hideModalPanel('regcity_add_panel')" />
                  </f:facet>
                  <table style="font-size:12px" width="100%" align="center">
                      <tr>
                          <td>Choose Region:</td>
                          <td style="color:red">*</td>
                          <td>
                              <h:inputText  />
                          </td>
                      </tr>
                      <tr>
                          <td>Choose City:</td>
                          <td style="color:red">*</td>
                          <td>
                              <h:inputText />
                          </td>
                      </tr>
                  </table>
                  <table align="center" style="font-size:12px">
                      <tr>
                          <td>
                              <a4j:commandButton  value="#{messages['fina2.web.ok']}" style="width:80px" />
                          </td>
                          <td>
                              <rich:spacer width="3px"/>
                          </td>
                          <td>
                              <a4j:commandButton  value="#{messages['fina2.cancel']}" style="width:80px" onclick="Richfaces.hideModalPanel('regcity_add_panel')" />
                          </td>
                      </tr>
                  </table>
              </rich:modalPanel>
          </h:form>
      </body>
</html>